<template>
  <div>
    <h4>我是son1子组件</h4>
    <h4><slot></slot></h4>
    <h4><slot name="header" :data="user"></slot></h4>
    <h4><slot name="footer"></slot></h4>
  </div>
</template>

<script setup lang="ts">
import { reactive, ref } from "vue";
let user = reactive({
  firstName: "AAA",
  lastName: "Miss"
});
</script>

<style scoped lang="scss"></style>
